<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>@yield('title')</title>

    <!-- Styles -->
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
    <style type="text/css">
        html,body {
            height: 100%;
            background: #f6f6f6;
            overflow-x: hidden;}
        .l-content {
            box-sizing:border-box;
            height: auto !important;
            min-height: 100%;
            height: 100%;
            padding-bottom: 60px;
        }
        footer {
            height: 60px;
            margin-top: -60px;
        }
        .navbar{
            min-height: 25px;
            background: #fff;
            -webkit-transition: all .25s;
            transition: all .25s;
            -webkit-transition-property: all;
            transition-property: all;
            -webkit-transition-duration: 0.25s;
            transition-duration: 0.25s;
            -webkit-transition-timing-function: initial;
            transition-timing-function: initial;
            -webkit-transition-delay: initial;
            transition-delay: initial;
            color: #666;
        }
        .navbar-nav > li > a {
            line-height: 25px;
            color: #666;
        }
    </style>
</head>
<body>
    <div class="l-content">
        @include('modules.navbar')
        <div class="container">
            <div class="row">
                @yield('content')
            </div>
        </div>
    </div>
    @include('modules.footer')
</body>
</html>
